<template>
	<view class="container">
		<cu-header bgColor="bg-gradual-blue" :isBack="true">
			<block slot="content" class="page-name">发现</block>
		</cu-header>
		<cu-tabbar :datas="tabs" :id="index"></cu-tabbar>

		<scroll-view class="VerticalNav nav " scroll-y scroll-with-animation style="height:calc(100vh - 290upx)">
			<view class="padding-top-xs">
				<cu-grid-media cols="2" :datas="goods"></cu-grid-media>

			</view>
		</scroll-view>
		
		<cu-navbar selectIndex="2" :isBottom="true"></cu-navbar>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	//footer
	import cuNavbar from '@/components/diy/footer/cu-navbar.vue';
	import cuTabbar from '@/components/diy/header/cu-tabbar.vue';
	import cuGridMedia from '@/components/diy/list/cu-grid-media.vue';
	export default {
		computed: {
			...mapState(['hasLogin', 'forcedLogin', 'userinfo'])
		},
		components: {
			cuNavbar,
			cuTabbar,
			cuGridMedia
		},
		data() {
			return {
				tabs: [{

						name: '关注',
						color: 'red',
						cuIcon: 'btn'
					},
					{

						name: '推荐',
						color: 'red',
						cuIcon: 'btn'
					},
					{

						name: '直播',
						color: 'red',
						cuIcon: 'btn'
					},
					{

						name: '短视频',
						color: 'red',
						cuIcon: 'btn'
					}
				],
				goods: this.$mock.goods
			}
		},
		methods: {
			NavChange: function(e) {

			}
		}
	}
</script>

<style scoped>

</style>
